<template>
    <div v-if="isShow">
        <div v-if="isTitleShow" class="wl-inner-sub-title" >
            {{subTitle}}
            <div class="wl-inner-btn">
              <slot class="inner_btn" name="inner_btn"></slot>
            </div>
        </div>
        <div class="wl-inner-body wl-panel-padding">
            <slot name="inner_body" :slotData="formData"></slot>    
        </div>
    </div>
</template>
<script>
export default {
  props: {
    subTitle: {
      type: String,
      default: ""
    },

    formData: {
      type: Object
    },
    isShow: {
      type: Boolean,
      default: true
    },
    isTitleShow: {
      type: Boolean,
      default: true
    }
  },

  created() {}
};
</script>

<style scoped>
.wl-inner-sub-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}

.wl-inner-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
